@mixin forceAlign($dir) {
  position:absolute;
  @if $dir == x {
    left:50%;
    transform: translateX(-50%);
  }@else if $dir == y{
    top:50%;
    transform: translateY(-50%);
  }@else{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
}

@mixin bgImg($url) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@mixin globalpoststyle {
  color: black;
  font-weight: normal;
  margin: 0 0 16px;

  blockquote,
  pre {
    background: #F6F6F6;
    padding: 10px 16px;
    margin:0 -16px 16px -16px;
    code {
      font-size: 12px;
      line-height: 24px;
    }

    p {
      color: rgba(black,.75);
      font-size: 13px;
      line-height: 26px;
      margin: 0;
      padding:0;
    }
  }

  p {
    font-size: 13px;
    line-height: 26px;
    margin: inherit;
  }

  img {
    margin: 0 auto 16px;
    display: block;
    max-width: 100%;
  }

  b {
    font-weight: 500;
  }

  ol,
  ul {
    padding-left: 20px;
    margin: inherit;
    font-size: 14px;
    line-height: 32px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin:0 0 10px 0;
  }

  a {
    font-weight: 500;
    color: #42ca73;
  }
}

$radius:3px;
$text:#333333;
$borderColor:rgba(#333333,.12);
$bg:#f6f6f6;
